@charset "utf-8";
/* CSS Document */
.indexbanner { width:960px; border:1px solid #ddd; border-radius:6px; margin:5px auto 0; background:#f8f8f8;}
.indexbanner .searchbox { width:600px; padding:0 20px; background:#FFF; border-radius:6px 0 0 6px; }
.searchbox .title { border-bottom:1px solid #CCC; line-height:36px; margin-top:20px; }
.searchbox .title h1 { font-size:18px; background:url(../images/icon_train.jpg) no-repeat 10px; padding-left:40px; }
.searchbox .title span { float:right; color:#666;}
.searchbox .title span b { background:url(../images/icon_phone.jpg) no-repeat ; padding:2px 3px 2px 0; width:1px;}
.searchbox .infobox { padding-bottom:55px; padding-top:25px;  border-bottom:1px solid #eee;position:relative;}

.searchbox .infobox .huan{ width:20px; height:60px; background:url(../images/huan.jpg) no-repeat left; position:absolute; top:66px; left:291px;}
.searchbox .infobox .huan a{ width:20px; height:20px; display:block; margin-top:20px;}
.searchbox .infobox .huan a:hover{ background:url(../images/huan_cur.jpg) no-repeat left;}

.searchbox .infobox li { float:left; width:48%; font-size:14px; margin-top:25px; }
.searchbox .infobox li label { width:37%; text-align:right; float:left; line-height:34px; color:#666; }
.searchbox .infobox li input { float:right; width:58%; padding-left:2%; height:32px; line-height:34px; font-size:12px; border:1px solid #bbb; background:#fffffc url(../images/cityoice.jpg) no-repeat 95%; border-radius:2px; color:#999; }
.searchbox .infobox li input.date { background:#fffffc url(../images/dateoice.jpg) no-repeat 95%; }
.searchbox .infobox li input.search_btn { width:60%; padding:0; background:#f60; color:#FFF; font-size:18px; text-align:center; border:0; height:35px; line-height:35px; cursor:pointer; }
.searchbox .infobox li input.search_btn:hover { background:#e60; }

.searchbox .rollshow { float:left; width:100%; height:36px; overflow:hidden; margin:10px 0; *padding-bottom:10px; _padding-bottom:0px; }
.searchbox .rollshow ul { float:left; width:100%; }
.searchbox .rollshow li { padding-left:4%; float:left; line-height:36px;}
.searchbox .rollshow li a{ color:#999;}
.searchbox .rollshow li a:hover{ color:#f60;}
.indexbanner .keyimg { float:right; width:300px; padding:10px; border-radius:0 6px 6px 0; }
.indexbanner .keyimg img { width:300px; height:290px; }

.breadcrumb{ width:950px; padding:0 5px; margin:0 auto; line-height:36px; font-family:SimSun; color:#666;}

.ticketprice{ float:left; width:640px; padding:20px; border-right:1px solid #ddd;}
.ticketprice .title{ width:100%; float:left; height:36px; position:relative; z-index:2;}
.ticketprice .title ul{ position:absolute; z-index:2;}
.ticketprice .title li{ float:left; padding:0 20px; line-height:30px; height:36px; font-size:16px; cursor:pointer;}
.ticketprice .title li.cur{ background:url(../images/hottriancur.jpg) no-repeat center bottom; font-weight:700;}
.grey_line{ width:100%; height:1px; overflow:hidden; background:#ddd; position:absolute; bottom:4px; z-index:1;}
.ticketprice .infobox{ width:640px; float:left; overflow:hidden;}
.ticketprice .infobox ul{ float:left; width:105%; margin-top:10px;}
.ticketprice .infobox ul li{ float:left; width:44%; padding-left:4%; border-right:1px solid #eee; line-height:32px;}
.ticketprice .infobox ul li span{ float:left; width:40%;}
.ticketprice .infobox ul li span a{ color:#666;}
.ticketprice .infobox ul li span a:hover{ color:#f60;}
.ticketprice .infobox ul li b{ float:right; width:30%; color:#f90; font-size:14px; font-family:"Microsoft YaHei";}
.ticketprice .infobox ul li em{ float:left; color:#999; }

.searchtrianhot{ float:right; width:240px; margin-right:20px; _margin-right:10px;}
.searchtrianhot h3{ line-height:30px; font-size:16px; margin-top:20px;}
.searchtrianhot li{ border-bottom:1px dashed #CCC; line-height:40px;}
.searchtrianhot li span{ float:right; color:#999; width:25%;}
.searchtrianhot li u{ float:left; width:15%;}
.searchtrianhot li u img{ margin-top:15px; margin-left:5px;}
.searchtrianhot li a{ color:#666;}
.searchtrianhot li a:hover{ color:#f60;}

.triantickt{ float:left; width:640px; padding:20px; border-right:1px solid #ddd;}
.triantickt h3{line-height:30px; font-size:16px;}
.triantickt .xiangguan{ width:94%; margin-left:2%; _margin-left:2%; float:left; margin-top:19px; }
.triantickt .suoyin{ width:94%; margin-left:2%; _margin-left:2%; float:left; margin-top:19px; }
.triantickt .suoyin a{ padding:3px 7px;}
.triantickt .suoyin a:hover{ background:#fb0; color:#FFF;}
.triantickt .suoyin a.cur{ background:#f90; color:#FFF;}
.triantickt ul{ float:left; width:94%; margin-left:3%; _margin-left:2%;}
.triantickt li{ float:left; width:24.5%;}
.triantickt li a{ color:#666; line-height:30px;}
.triantickt li a:hover{ color:#f60;}

.xiangguan a{ color:#666; line-height:30px;padding:3px 6px;}
.xiangguan a:hover{ color:#f60;}

.news{ float:right; width:240px; margin-right:20px; _margin-right:10px;}
.news h3{ line-height:30px; font-size:16px; margin-top:20px;}
.news ul{ padding:10px 0 0;}
.news a{ line-height:26px;height:26px;overflow:hidden;float:left; color:#666;width:100%;}
.news a:hover{ color:#f60;}

.randomspecial{ padding:10px 0;}
.randomspecial .title{ padding:0 20px; line-height:20px; height:30px; font-size:16px; font-weight:700;}
.randomspecial li{ float:left; text-align:center; line-height:10px; white-space:nowrap; padding:10px 0; padding-left:20px; }
.randomspecial a{ color:#666;}
.randomspecial a:hover{ color:#f60;}

